<ion-header>
  <ion-navbar style="opacity: 0.8;height:5%" no-border-bottom color="danger">
    <ion-title>登录页</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item>
      <ion-label fixed>账户:</ion-label>
      <ion-input type="text" placeholder='手机号/账户' #username></ion-input>
    </ion-item>

    <ion-item>
      <ion-label fixed>密码:</ion-label>
      <ion-input type="password" placeholder='请输入密码' #password></ion-input>
    </ion-item>

    <ion-item no-lines class="list_end">
      <span item-start>
        手机快速注册
      </span>
      <span item-end>
        忘记密码
      </span>
    </ion-item>
  </ion-list>

  <button ion-button block color="danger" class="login_btn" (click)="logIn(username, password)">登录</button>

  <div class="hide-on-keyboard-open loginfooter">
    <span>copyright © beijing lnc</span>
  </div>
</ion-content>